<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>备件列表</title>
		<!-- css代码 start -->
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../../css/global.css" rel="stylesheet" />
		<link href="../../../../css/style.css" rel="stylesheet" />
		<link href="../../../../css/task.css" rel="stylesheet" />
		<style>
			#div {
			    width: 0px;
			    height: 0px;
			    background: red;
			    position: fixed;
			    top: 70%;
			    left: 50%;
		   }
		
		   /*移除底部或顶部三角,需要在删除此代码*/
		   .mui-popover .mui-popover-arrow:after {
				width: 0px;
		   }
		   .item_box .item .text{
			   height: auto;
			   line-height: 24px;
			   overflow: hidden;
			   display: flex;
		   }
			.item_box .item .text span{
				width: 110px;
			}
		</style>
		<!-- css代码 end -->
	</head>

	<body>
		
		<!-- html代码 start -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">备件列表</h1>
		</header>
		<div class="mui-content">
			<div class="details_con">
				<div class="item_box" id="itemBox" v-cloak>
					<div class="item" v-for="item in partData">
						<p class="bar"><span>备件编码：</span>{{item.Part_no}}</p>
						<div class="text"><span>备件名称：</span>{{item.Part_name}}</div>
						<div class="text"><span>备件类型：</span>{{item.Parts_Type}}</div>
						<div class="text"><span>数量：</span>{{item.qty}}</div>
						<div class="text"><span>备件收货地址：</span>{{item.Parts_Address}}</div>
					</div>
				</div>
			</div>
			<div style="height: 50px;"></div>
		</div>
		<!-- html代码 end -->
		
		<!-- js代码 start -->
		
		<!-- 基础js start -->
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/utils/h.js"></script>
		<script src="../../../../js/constant.js"></script>
		<script src="../../../../js/common.js"></script>
		<script src="../../../../js/utils/base64.js"></script>
		<script src="../../../../js/utils/md5.js"></script>
		<script src="../../../../js/utils/sortMap.js"></script>
		<script src="../../../../js/utils/vue.min.js"></script>
		<script src="../../../../js/utils/http.js"></script>
		<script src="../../../../js/app.js"></script>
		<!-- 基础js end -->
		
		<script type="text/javascript" charset="utf-8">

			var vm = null;
			(function($, doc) {
				$.init();

				$.plusReady(function() {
					var self = plus.webview.currentWebview();
					console.log(self)
					//备件列表
					vm = new Vue({
						el: '.mui-content',
						data: function() {
							return {
								partData:[]
							}
						},
						mounted: function() {
							console.log(app.getUser().enginnerId)
							app.showWaiting('加载中...')
							this.dataInit()
						},
						computed: {},
						methods: {
							dataInit() {
								var _this = this
								this.partData=self.partData
								app.closeWaiting()
							}
						}
					});
				});
			}(mui, document));

		</script>
		<!-- js代码 end -->
	</body>

</html>
